Міністерство освіти і науки України Національний університет «Львівська політехніка» Кафедра ЕОМ / Лабораторна робота №4 з предмету: «Глобальні інформаційні мережі» на тему: «Бібліотека jQuery» Львів – 2014 Мета роботи: Ознайомитися з бібліотеками jQuery та jQuery UI та реалізованими прикладами. У відкритих джерелах знайти віджети, розмістити на своїй сторінці і при можливості редагувати. Порядок роботи: Ознайомитися з наведеними ресурсами. Ознайомитися з бібліотеками jQuery та jQuery UI та реалізованими прикладами. Втілити обрані скрипти jQuery UI (слайдер, випадне меню, галерея тощо) у відповідні сторінки сайту. Обрати кілька віджетів та інформерів з відкритих джерел. Втілити їх у відповідні сторінки сайту. Розглянути код скрипта і якщо це можливо змінити розміри, колір шрифту для стильової сумісності дизайну. Хід роботи: Тестова сторінка: http://g1n.esy.es/ / Я обрав віджет «Соціальні мережі», скачав його з відкритого джерела. Та просту галерею. Вставив його в код своєї сторінки і редагував, змінивши: інші соціальні мережі, іконки. / Соц Мережі / Галерея Частина коду стилів годинника. .classysocial { display: block; width: 72px; height: 72px; position: relative; z-index: 1; } .classysocial .smain { display: block; width: 64px; height: 64px; position: absolute; top: 0; left: 0; z-index: 2; border: 4px solid #fff; box-shadow: 0 0 5px #bbb; -o-box-shadow: 0 0 5px #bbb; -ms-box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -webkit-box-shadow: 0 0 5px #bbb; border-radius: 36px; -o-border-radius: 36px; -ms-border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px; box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .classysocial .scontainer { width: auto; mardin: 0; padding: 0; } .classysocial .smain img { width: 64px; height: 64px; cursor: pointer; border-radius: 32px; -o-border-radius: 32px; -ms-border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; border: none; } Висновок: На цій лабораторні роботі я навчився використовувати бібліотеки jQuery UI та АРІ сервісів. Використання цих бібліотек та сервісів значно спрощує роботу.